<template>
  <div class="nav-bar-wrapper">
    <!-- 分为两个个部分 -->
    <!-- 功能操作 如 搜索 全屏 换肤 等-->
    <ActionItems></ActionItems>
    <!-- 用户功能 如 退出登录 修改个人信息-->
    <VAWAvatar></VAWAvatar>
  </div>
</template>

<script>
import VAWAvatar from '@/components/VAWAvatar.vue'
import ActionItems from '@/components/ActionItems.vue'
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Navbars',
  components: { VAWAvatar, ActionItems },
  data() {
    return {}
  },
  mounted() {},

  methods: {},
}
</script>

<style lang="less" scoped>
.nav-bar-wrapper {
  display: flex;
  align-items: center;
}
</style>
